<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>

  <input type="text">

  <script>
    // 节流 throttle 是一种策略
    //  减少事件触发的频率

    let flag = true

    document.querySelector("input").oninput = function () {
      // 使用flag来控制打印内容的频率
      if (flag) {
        console.log(this.value);

        flag = false;


        setTimeout(() => {
          flag = true
        }, 500)
      }
    }
  </script>
</body>

</html>